<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./style/info-details-share.css">
    <title>Document</title>
</head>

<body>


    <!-- 遮罩层 -->
    <div class="mask">
        <div class="share">
            <p class="to"><i>分享到</i><span></span></p>
            <p>
                <img src="./imgs/pengyouquan@2x.png" alt="">
                <img src="./imgs/weixin@2x.png" alt="">
            </p>
            <p class="cancel"><span>取消</span></p>
        </div>
    </div>

    <div class="container">
        <!-- head部分 -->
        <div class="grid grid-cell head">
            <div class="esc"> <a href="./index.html"><img src="./imgs/查看更多@3x.png" alt=""></a></div>
            <div class="head-text">详情</div>
            <div class="share"> <a href=""><img src="./imgs/分享-黑.png" alt=""></a></div>
        </div>

        <div class="content">
            <!-- 标题部分 -->
            <div class="title">盐城大洋湾风景区游客人数突破20万人！</div>
            <p class="time">2019.01.10 13:30</p>
            <p>盐城大洋湾旅游风景区，位于盐城市亭湖区南洋镇。大洋湾旅游风景区，颇具苏中平原特色和黄海之滨雅韵。截止19年1月30日，游客人数已突破20万人！</p>
            <div class="picture">
                <div class="play"></div>
                <img src="./imgs/天目湖.webp" alt="">
            </div>
            <p>其周边附近景点繁多，风光秀丽，景观奇特。河荡水色秀美，民俗风情淳朴，湾内芦苇摇曳，白帆点点，渔舟唱晚，一派水乡泽园风光。</p>
            <img src="./imgs/淹城.webp" alt="">
            <p>新、旧洋湾环绕四周，形成"B"形的港湾和岛屿，是近郊一处原始生态保持完好的"世外桃源"。整个湾内地势平坦，局部起伏，河网水系密布，宜农宜牧，适应性广泛。</p>
            <p>
                <span>分享至</span>
                <img src="./imgs/weixin@2x.png" alt="">
                <img src="./imgs/pengyouquan@2x.png" alt="">
            </p>
        </div>

    </div>
</body>

</html>